<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <header class="panel-heading">
            出差计划
          </header>
          <div class="panel-body">
            <div class="bio-row">
              <p>
                <span>类型</span>{{type}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差单号</span>{{tripNum}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差项目</span>{{proName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>随同人员</span>{{stUserName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>所属部门</span>{{deptName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>申请人</span>{{userName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差开始时间</span>{{planStime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差结束时间</span>{{planEtime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差城市</span>{{planCity}}
              </p>
            </div>
            <div class="bio-row line-row">
              <p>工作计划</p>
              <p>{{planComments}}</p>
            </div>

            <div class="bio-row">
              <p>
                <span>实际开始时间</span>{{actualStarTime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>实际结束时间</span>{{actualEndTime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row line-row">
              <p>工作结果</p>
              <p>{{tripResult}}</p>
            </div>
          </div>
        </section>
        <section class="panel">
          <header class="panel-heading">
            出差预测费用明细
          </header>
          <div class="panel-body">
            <div class="bio-row" ng-repeat="x in bugetList">
              <p>
                <span>{{x.bugetType}}</span>￥{{x.buget}}元
              </p>
            </div>
          </div>
        </section>
        <!-- <section class="panel">
          <header class="panel-heading">
            审批意见
          </header>
          <div class="panel-body">
            <div class="form-group customerForm">
      
                <textarea class="form-control" id="optionMsg" disabled>{{optionMsg}}</textarea>
          
            </div>

          </div>
        </section> -->
        <section class="panel">
            <div class="panel-body">
                <p class="default-buttons">
                    <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
                    <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="window.history.back()">确认</a>
                </p>
            </div>
        </section>
        <!--流程star-->
        <section>
          <a href="javascript:void(0);" class="second" id="process" onclick="shaper();">
            流程跟踪
          </a>
        </section>
        <!-- 流程跟踪展示效果 -->
        <section class="hdaper">
          <div class="panel">
            <div class="panel-heading add-heading">
              流程跟踪
              <i class="add-icon icon-remove" href="javascript:$.pageslide.close()" onclick="hdaper();"></i>
            </div>
            <div class="panel-body panel-proce">
              <div class="proce-middle" id="nodeContiner"></div>
            </div>
          </div>
          <div class="paper-bg" onclick="clsbox();"></div>
        </section>
        <!--流程end-->
      </div>
    </div>
  </section>
</section>
<!--<script type="text/javascript">-->
  <!--var stepId = $CertusJsonAjax.getStepInstanceId();-->
  <!--var processId = $CertusJsonAjax.getProInstanceId();-->
  <!--$CertusFormAjax.ajax('findPlanInfo2', {-->
    <!--"stepId": stepId-->
  <!--}, function (response) {-->
    <!--var data = response.data;-->
    <!--var plans = data.plans;-->
    <!--$$scope.bugetList = data.bugetList;-->
    <!--$$scope.proName = plans.proj_name;-->
    <!--$$scope.tripNum = plans.trip_num;-->
    <!--$$scope.userName = plans.user_name;-->
    <!--$$scope.planStime = plans.plan_star_time;-->
    <!--$$scope.planEtime = plans.plan_end_time;-->
    <!--$$scope.tripResult = plans.trip_result;-->
    <!--$$scope.actualStarTime = plans.actual_star_time;-->
    <!--$$scope.actualEndTime = plans.actual_end_time;-->
    <!--$$scope.planCity = plans.plan_city;-->
    <!--$$scope.planComments = plans.plan_comments;-->
    <!--$$scope.id = plans.id;-->
    <!--$$scope.proId = plans.pro_id;-->
    <!--$$scope.optionMsg = plans.opinion_msg;-->
    <!--$$scope.deptName = plans.department_name;-->
    <!--if (plans.type == 1) {-->
      <!--$$scope.type = "出差";-->
    <!--} else {-->
      <!--$$scope.type = "公干";-->
    <!--}-->
  <!--});-->
<!--</script>-->
<script src="js/trip/proMgUserSp.js"></script>
<script src="js/trip/tripNode.js"></script>